<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <h2 id="loc-1">A</h2>
    <h2 id="loc-3">B</h2>
    <h2 id="loc">C</h2>
    <h2 id="loc-2">D</h2>
    <h2 id="lib-1">E</h2>
    <h2 id="lib-3">F</h2>
    <h2 id="lib-2">G</h2>
    <h2 id="hi">H</h2>
    <h2 id="hi-2-1">I</h2>
    <h2 id="hi-2-2">J</h2>
    <ul>
      <li><a href="#loc-1">A</a></li>
      <li><a href="#loc-3">B</a></li>
      <li><a href="#loc">C</a></li>
      <li><a href="#loc-2">D</a></li>
      <li><a href="#lib-1">E</a></li>
      <li><a href="#lib-3">F</a></li>
      <li><a href="#lib-2">G</a></li>
      <li><a href="#hi">H</a></li>
      <li><a href="#hi-2-1">I</a></li>
      <li><a href="#hi-2-2">J</a></li>
    </ul>
  </body>
</html>
